<!DOCTYPE html>
<html>
    <head>
  		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>TAMMY - Sistema de Facturaci&oacute;n</title>
        <link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
        <link rel="stylesheet" href="${resource(dir:'css/themes/custom-theme',file:'jquery-ui-1.8.16.custom.css')}" />
		<link rel="stylesheet" href="${resource(dir:'css/themes/custom-theme',file:'jquery.multiselect.css')}" />
		<link rel="stylesheet" href="${resource(dir:'css/themes/custom-theme',file:'jquery.multiselect.filter.css')}" />
        <link rel="stylesheet" href="${resource(dir:'css', file:'mainApp.css')}" />
        
        <g:layoutHead />
        <g:javascript library="application" />
        <g:javascript library="prototype" />
        <g:javascript library="jquery" plugin="jquery"/>
        <g:javascript library="jquery-ui-custom.min" />
        <g:javascript library="submitSpinner" />
        <g:javascript library="numbers" />
    </head>
    <body>
    	<img id="spinner" src="<g:createLinkTo dir='/images' file='ajax-spinner.gif'/>" />
        <div id="MenuHeader">
			<div id="ContenedorMenu">
				<g:if test="${!session?.user}">
					<div align="center">
						<table style="border: none; padding-top: 10px;">
							<tr align="center">
								<td align="center"><font size="6">Diet&eacute;tica TAMMY</font></td>
							</tr>
						</table>
					</div>
				</g:if>
				<g:else>
		        	<div style="float: left; padding-top: 0px;">
		        		<g:link action="create" controller="articulo" >+ Nuevo Art&iacute;culo</g:link><br>
		        		<g:link action="create" controller="cliente" >+ Nuevo Cliente</g:link><br>
		        		<g:link action="create" controller="vendedor" >+ Nuevo Vendedor</g:link><br>
		        		<g:link action="create" controller="dietetica" >+ Nuevo Diet&eacute;tica</g:link><br>
			        </div>
					<div style="text-align: center; float: left; padding-left: 10px;">
						<font size="4"><b>Diet&eacute;tica<br>TAMMY</b></font>
					</div>
					<div class="iconoMenu">
						<g:link class="menuNuevo" controller="facturacion" action="index">
							<div class="menuNuevo"
								title="Nueva factura"
								style="border: 1px solid #ddd"
								onmouseover="this.style.border='1px solid #333'"
								onmouseout="this.style.border='1px solid #ddd'"
								>
							</div>
						</g:link>
					</div>
					<div class="iconoMenu">
						<g:link class="menuEgreso" controller="egreso" action="index">
							<div class="menuEgreso"
								title="Nuevo egreso"
								style="border: 1px solid #ddd"
								onmouseover="this.style.border='1px solid #333'"
								onmouseout="this.style.border='1px solid #ddd'"
								>
							</div>
						</g:link>
					</div>
					
					<g:if test="${session?.user?.esAdministrador}">
						<div class="iconoMenu">
							<g:link controller="reportes" action="index">
								<div class="menuReport"
									title="Reportes"
									style="border: 1px solid #ddd"
									onmouseover="this.style.border='1px solid #333'"
									onmouseout="this.style.border='1px solid #ddd'">
								</div>
							</g:link>
						</div>
						<div class="iconoMenu">
							<g:link controller="estadisticas" action="index">
								<div class="menuEstadistica"
									title="Estadisticas"
									style="border: 1px solid #ddd"
									onmouseover="this.style.border='1px solid #333'"
									onmouseout="this.style.border='1px solid #ddd'">
								</div>
							</g:link>
						</div>
						<div class="iconoMenu">
							<g:link controller="facturasSinCobrar" action="index">
								<div class="menuCobrar"
									title="Facturas Sin Cobrar"
									style="border: 1px solid #ddd"
									onmouseover="this.style.border='1px solid #333'"
									onmouseout="this.style.border='1px solid #ddd'">
								</div>
							</g:link>
						</div>
					</g:if>
					<div id="nombreSeccion" class="nombreSeccion"></div>
					<div id="Search">
						<g:form controller="facturacion" action="buscar">
							<g:textField id="InputSearch" class="searchInput"
								onfocus="this.style.backgroundColor='#b8d6f0'"
								onblur="this.style.backgroundColor='#fff'; this.value='';"
								name="id"></g:textField>
						</g:form>
					</div>
					<div class="cerrarSesion">
						<g:link controller="login" action="logout">
							<img src="${resource(dir:'images',file:'cerrarSesion.png')}" style="padding-top: 5px;" border="0" width="20" height="20" alt="Cerrar Sesion"	 />
							Cerrar Sesi&oacute;n
						</g:link>
					</div>
				</g:else>
			</div>
		</div>
		<!--fin menu header-->
		<div id="ContenedorGeneral">
			<div id="ContenedorPrincipal">
				<g:layoutBody />
			</div>
		</div>
    </body>
</html>